.comment {
  background: #fff;
  margin: 12rpx 0;
  position: relative;

  .van-progress {
    border-radius: 6rpx;
    margin-bottom: 12rpx;
    height: 14rpx !important;
  }

  .comments {
    margin-top: 12rpx;
    padding: 32rpx 28rpx;
    background: #fff;

    .titt {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 24rpx;
      color: #999999;
      line-height: 28rpx;

      .fen {
        width: 116rpx;
        height: 28rpx;
      }

      .tit_t {
        flex: 1;
        text-align: right;
      }

      .icon {
        width: 40rpx;
        height: 40rpx;
      }
    }

    .cont {
      display: flex;
      margin-top: 34rpx;

      .cont_l {
        width: 160rpx;
        margin-left: 32rpx;
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 64rpx;
        line-height: 90rpx;
        color: #111111;
        text-align: center;

        .cont_x {
          display: flex;
          justify-content: space-between;

          .xin {
            width: 26rpx;
            height: 24rpx;
          }
        }
      }

      .cont_r {
        flex: 1;
        display: flex;
        margin-left: 86rpx;

        .cont_r_l {
          image {
            display: block;
            height: 16rpx;
            margin-bottom: 10rpx;
            margin-left: auto;

            &:nth-child(1) {
              width: 100rpx;
            }

            &:nth-child(2) {
              width: 82rpx;
            }

            &:nth-child(3) {
              width: 60rpx;
            }

            &:nth-child(4) {
              width: 40rpx;
            }

            &:nth-child(5) {
              width: 18rpx;
            }
          }
        }

        .cont_r_r {
          flex: 1;
          margin-left: 26rpx;

          .cont_r_r_item {
            display: flex;
            align-items: center;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 16rpx;
            color: #999999;
            line-height: 16rpx;
            align-items: flex-start;

            .progress {
              flex: 1;
            }

            .text {
              width: 50rpx;
              text-align: right;
            }
          }
        }
      }
    }

    .foot {
      .foot_t {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 54rpx;

        .xian {
          width: 232rpx;
          height: 2rpx;
          background: #F2F2F2;
        }

        .tit {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 28rpx;
          color: #666666;
          line-height: 40rpx;
        }
      }

      .foot_x {
        display: flex;
        justify-content: space-between;
        padding: 0 162rpx;
        margin-top: 32rpx;

        image {
          width: 60rpx;
          height: 56rpx;
        }
      }
    }
  }

  .tit {
    font-size: 32rpx;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    color: #111111;
    line-height: 32rpx;
    margin: 0 32rpx;
    padding-top: 40rpx;
    display: flex;
    justify-content: space-between;

    // background: red;
    .icon {
      width: 40rpx;
      height: 40rpx;
    }
  }

  .com-list {
    padding: 32rpx 0;
    margin: 0 32rpx;

    .head {
      display: flex;

      .head_l {
        width: 64rpx;
        height: 64rpx;
        margin-right: 24rpx;
      }

      .head_r {
        flex: 1;
        overflow: hidden;
      }
    }

    .name {
      font-size: 28rpx;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #343538;
      line-height: 28rpx;
      display: flex;
      align-items: center;

      image {
        width: 56rpx;
        height: 28rpx;
        margin-left: 8rpx;
      }
    }

    .time {
      font-size: 24rpx;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #999999;
      line-height: 24rpx;
      margin-top: 12rpx;
      display: flex;
      align-items: center;

      .xing {
        display: flex;
        margin-right: 12rpx;

        .xin {
          width: 21rpx;
          height: 20rpx;
          margin-right: 6rpx;
        }
      }

      .text {
        flex: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
    }

    .content {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 28rpx;
      color: #111111;
      line-height: 40rpx;
      margin-top: 22rpx;
    }

    .like {
      padding-top: 16rpx;
      padding-right: 16rpx;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 24rpx;
      color: #999999;
      line-height: 24rpx;
      display: inline-block;
      vertical-align: middle;

      .icon {
        width: 24rpx;
        height: 24rpx;
        margin-right: 8rpx;
        transform: translateY(2rpx);
      }
    }
  }
}

.shop-list-info {
  font-size: 24rpx;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #BBBBBB;
  line-height: 34rpx;
  margin-top: 32rpx;
  text-align: center;
  padding-bottom: 40rpx;
}